.pure-tabbar {
    display: var(--pure-tabbar-display, flex);
    flex-direction: var(--pure-tabbar-flex-direction, row);
    align-items: var(--pure-tabbar-align-items, center);
    justify-content: var(--pure-tabbar-justify-content, space-between);
    padding: var(--pure-tabbar-padding, 0 15px);
    background: var(--pure-tabbar-background, var(--pure-background-element));
    box-sizing: border-box;
    position: var(--pure-tabbar-position, sticky);
    bottom: var(--pure-tabbar-bottom, 0);
    z-index: var(--pure-nav-bar-z-index, 996);
    border-top: var(--pure-tabbar-border-top, var(--pure-tabbar-border-top-width, 1px) var(--pure-tabbar-border-top-style, solid) var(--pure-tabbar-border-top-color, var(--pure-border-color-default)));
    gap: var(--pure-tabbar-gap);
    text-align: var(--pure-tabbar-text-align, center);
    line-height: var(--pure-tabbar-line-height, 1);
    height: var(--pure-tabbar-height, 50px);
    box-shadow: var(--pure-tabbar-box-shadow);
}

.pure-tabbar-safe-bottom {
    margin-bottom: var(--pure-tabbar-safe-bottom, env(safe-area-inset-bottom));
}